---
title: ابدء
description: مقدمة أساسية إلى أسترو.
i18nReady: true
tableOfContents: false
editUrl: false
next: false
hero:
  title: مستندات أسترو
  tagline: المرشدين والموارد ومراجع API لمساعدتك في البناء مع أسترو.
  actions:
    - text: ثبت أسترو
      icon: rocket
      link: /ar/install-and-setup/
    - text: تعرف على ميزات أسترو
      icon: right-arrow
      variant: minimal
      link: /ar/concepts/why-astro/
  facepile:
    tagline: مدعوم من أسترو ومساهمي البرامج المفتوحة المصدر.
    linkText: انضم إلينا!
    link: /ar/contribute/
banner:
  content: هل تريد تجربة النسخة الأولية من الإصدار 5 ؟ اقرأ <a href="https://5-0-0-beta.docs.astro.build/ar/guides/upgrade-to/v5/">الإصدار 5. دليل الترقية</a>!
---

import { CardGrid } from '@astrojs/starlight/components'
import Card from '~/components/Landing/Card.astro'
import ListCard from '~/components/Landing/ListCard.astro'
import SplitCard from '~/components/Landing/SplitCard.astro'
import Discord from '~/components/Landing/Discord.astro'

<CardGrid>
  <Card title="ماذا ستبني مع أسترو؟" icon="laptop">
    استكشف [Astro starter themes](https://astro.build/themes/) للمدونات ، المحافظ ، المستندات ، الصفحات المقصودة ، SaaS ، التسويق ، مواقع التجارة الإلكترونية ، والمزيد!
  </Card>

  <Card title="قم بجولة إرشاد" icon="star">
    أكمل برنامجنا التمهيدي [دروس لبناء مدونة](/ar/tutorial/0-introduction/) لتعلم الأساسيات وإنشاء موقعك الأول باستخدام أسترو.
  </Card>

  <SplitCard title="ابدأ مشروعًا جديدًا" icon="rocket">
    ```sh
    # create a new project with npm
    npm create astro@latest
    ```
    
    [دليلنا للتثبيت](/ar/install-and-setup/) لديه إرشادات خطوة بخطوة لتثبيت أسترو باستخدام معالج CLI الخاص بنا ، وإنشاء مشروع جديد من مستودع Astro Github موجود ، ولتثبيت أسترو يدويًا.
  </SplitCard>

  <ListCard title="تعلم" icon="open-book">
    - [ميزات أسترو الرئيسية](/ar/concepts/why-astro/)
    - [معمارية جزر أسترو](/ar/concepts/islands/)
    - [مكونات أسترو](/ar/basics/astro-components/)
    - [بناء جملة قالب أسترو](/ar/reference/astro-syntax/)
  </ListCard>

  <ListCard title="امتداد" icon="puzzle">
    - [أضف تكاملًا مثل React و Tailwind](/ar/guides/integrations-guide/)
    - [قم بإنشاء مجموعات محتوى آمنة النوع](/ar/guides/content-collections/)
    - [تعزيز التنقل مع إنتقالات المشهد](/ar/guides/view-transitions/)
    - [قم بربط نظام إدارة محتوى إلى مشروعك](/ar/guides/cms/)
  </ListCard>
</CardGrid>

<Discord title="هل لديك سؤال أو تريد المشاركة؟" cta="انضم إلينا على Discord"/>
